/* 

    定义常用的公共类

 */


/* 盒模型为border-box */

.bb() {
    box-sizing: border-box;
}


/* 清除浮动 */

.clearfix() {
    &:before,
    &:after {
        display: table;
        content: "";
    }
    &:after {
        clear: both;
    }
}


/* 文本不换行，超出显示省略号 */

.ellipsis() {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 隐藏元素 */

.invisible() {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}


/* 元素水平居中 */

.clevel() {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


/* 文字不可被选中 */

.stopselect() {
    user-select: none;
}